﻿<section>
    <h1>The Views Below Are Composed In Different Ways</h1>
    
    <!--ko compose:{view:'../app-samples/views/childView1.html'}--><!--/ko-->
    <hr />
    <!--ko compose:{view:'../app-samples/views/childView2.html'}--><!--/ko-->
	<hr />
    <!--ko compose: { model:'app-samples/viewComposition/inlineModule', mode:'inline'}-->
        <h1>mode:inline</h1><br /><h3 data-bind="text: someProperty"></h3>
    <!--/ko-->
    <hr />
    <!--ko compose: { view:'../app-samples/views/childView2.html', mode:'templated' }-->
        <h1 data-part='mode'>mode:templated</h1><br />
        <div data-part="content">This is a view part override of the default content....</div>
    <!--/ko-->
</section>